<!--瀑布流列表-->
<div class="container _container">
    <!--统计-->
    <div class="_map-count">
        <table class="table">
            <tbody>
            <tr>
                <td rowspan="2"><img src="assets/img/icon/redlocation.png" /></td>
                <td>制造厂</td>
                <td rowspan="2"><img src="assets/img/icon/greenlocation.png" /></td>
                <td>专业研究机构</td>
                <td rowspan="2"><img src="assets/img/icon/bluelocation.png" /></td>
                <td>专业博物馆</td>
            </tr>
            <tr>
                <td>152</td>
                <td>82</td>
                <td>15</td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--地图-->
    <div class="_map">
        <div id="allmap">
           <!--<img src="assets/img/ditu.jpg">-->
          <map-presentation></map-presentation>
        </div>
    </div>
</div>

<!--自定义地图覆盖物-->

<!--筛选条件、地图图标保持fixed-->
<div class="_fixed">
    <div class="_fixed-filter">
        <img src="assets/img/icon/filter.png" />
        <div class="_filter" id="resourceFilter">
            <div class="_filter-arrow"></div>
            <ul>
                <li>
                    <p><span></span>制造厂规模<i class="fa fa-angle-down" aria-hidden="true"></i></p>
                    <ul>
                        <li class="active">
                            <p><span></span>手艺人个体</p>
                        </li>
                        <li>
                            <p><span></span>手工艺作坊</p>
                        </li>
                        <li>
                            <p><span></span>设计师工作室</p>
                        </li>
                        <li>
                            <p><span></span>工厂</p>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="_fixed-map">
        <a (click)="lgModal.show()"><img src="assets/img/icon/other.png" /></a>
    </div>
</div>

<!-- 编辑邮件Modal -->
<div class="modal fade _modal-form" bsModal #lgModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">编辑邮件</h4>
                <p class="modal-tip">From余杭融设计图书馆真诚感谢您对我们工作的支持与宝贵建议，我们将在您的协助下继续努力，不断进步。</p>
            </div>
            <div class="modal-body">
                <form class="form-horizontal _form" role="form" id="emailForm">
                    <div class="form-group">
                        <p class="form-error"></p>
                        <textarea class="form-control" placeholder="邮件内容" id="Email" name="Email" rows="5"></textarea>
                    </div>
                    <div class="form-group form-btn">
                        <button type="submit" class="btn btn-submit">发送</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div id="mapHtml" style="display: block;">

</div>
